<template>
  <div class="dog">
      <img :src="url" />
      <span>{{ info }}</span>
  </div>
</template>

<script>
export default {
  props: ['info', 'url'],
  data() {
    return {
      // infos: '这是一只憨厚可爱的松狮犬',
    }
  },
}
</script>

<style scoped>
.dog {
  display: flex;
  flex-direction: column;
  border: 1px solid #b2b2b2;
  width: 200px;
  height: 160px;
  text-align: center;
}
img {
  width: 200px;
  height: 150px;
}
</style>
